@charset "utf-8";

/* 头部 */
.header{border-bottom: none;}

/* 购物车 */
.shopcar >  div{ display: table-row;/* 表格行 */}
.shopcar >  div > p{ display: table-cell;/* 表格列 */vertical-align: middle;/* 垂直对齐方式 */ padding-left: 20px; box-sizing: border-box; }
.shopcar >  div > p:nth-child(1){ width:  100px;}
.shopcar >  div > p:nth-child(2){ width:  300px;}
.shopcar >  div > p:nth-child(3){ width:  200px;}
.shopcar >  div > p:nth-child(4){ width:  200px;}
.shopcar >  div > p:nth-child(5){ width:  200px;}
.shopcar >  div > p:nth-child(6){ width:  200px;}

.shopcar-head{ background-color: #f3f3f3; line-height: 50px; }

.shopcar-body p{ border-bottom: 1px solid #ccc; padding: 20px 0;}

.reduce, .add{ float: left; width: 20px; height: 20px; text-align: center;user-select: none; cursor: pointer; line-height: 20px; background-color: #ccc;}
.pronum{ float: left; width: 40px; height: 20px; text-align: center; box-sizing: border-box;}

.shopcar-foot{ border: 1px solid #ccc; line-height: 50px;}
.shopcar-foot p:last-child button{width: 100px;height: 40px;background-color: #f60;color: #fff;border: none;}

/* 猜你喜欢 */
.sale{ height: 570px; margin-top: 25px; }
.sale-top{ height: 50px; border-bottom: 6px solid #ff6600; box-sizing: border-box; }
.sale-top span{ display: block; width: 220px; height: 46px; background-color: #ff6600; text-align: center; line-height: 45px; color: #fff; }
.sale ul{ margin-left: 15px; }
.sale ul li{float: left; width: 210px; height: 260px; margin-right: 25px; margin-top: 4px;}
.sale ul li .img{ margin-top: 7px; text-align: center;}
.sale ul li p{ margin-left: 10px; margin-top: 5px; }
.sale ul li:hover{ background-color: #f2f2f2; }

/* 魔兽 */
.monster{ height: 90px; background: url(../imgs/monster.jpg) ;}